<!-- 2：  学员免费体验登录页面 -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业2：学员免费体验登录页面</title>
		<style>
			body{
				background-image: url(bg.jpg);
				background-repeat: no-repeat;
				text-indent: 1em;
				position: absolute;
				top: 60px;
			}
			.c1{
				color: red;
			}
			.c2{
				color: white;
			}
			#c3{
				position: absolute;
				left: 3em;
			}
		</style>
	</head>
	<body>
		<form action="0"  method="GET">
			<p>
				<label for="uname"><a class="c1">*</a><a class="c2">姓名：</a><input required type="text" id="uname" name="uname" maxlength="12"/></label>
			</p>
			<p>
				<label for="email"><a class="c1">*</a><a class="c2">邮箱：</a><input required type="text" id="email" name="email"/></label>
			</p>
			<p>
				<label for="telephone"><a class="c1">*</a><a class="c2">电话：</a><input required type="tel" id="telephone" name="telephone"" /></label>
			</p>
			<p>
				<div style="text-decoration: aliceblue;">
				<a class="c2">性别：</a>
				<select name="sex">
					<option value="qxz" selected >请选择</option>
					<option value="nan">男</option>
					<option value="nv">女</option>
				</select>
				</div>
			</p>
			<p>
				<a class="c2">年龄：</a>
				<select name="age">
					<option value="qxz" selected >请选择</option>
				    <option>18岁以下</option>
				    <option>18-28岁</option>
				    <option>28-38岁</option>
				    <option>38岁以上</option>
				</select>
			</p>
			<p>
				<div id="c3"><input type="submit" value='' style="border: none; background:url(btn.jpg) no-repeat; width:156px; height:50px;"></div>
			</p>
		</form>
	</body>
</html>